{% extends "index.html" %} {% block content %}
<div class="container">
    <div class="row" style="background-color:black;">
        <div class="col-xs-12 col-sm-12 col-md-4">
            <div class="box" style="background-color:black;border:0;">
                <div class="box-header ui-sortable-handle text-center" style="color:white;">
                    <i class="ion ion-clipboard"></i>
                    <h3 class="box-title">屏蔽体 shutter</h3>
                </div>
                <div class="box-body no-padding" style="margin-bottom:30px;">
                    <ul class="todo-list ui-sortable">
                        <li style="background-color:black;color:white;border:1px solid #21c5f5;border-bottom:0;margin-bottom:0;border-radius:0;">
                            <div class="row" style="margin-right:0;margin-left:0;">
                                <div class="col-xs-8 col-sm-8 no-padding">
                                    <span class="text">GPPD  Status</span>
                                </div>
                                <div class="col-xs-4 col-sm-4 no-padding no-margin">
                                    {% if Shtr18_SHTRRSH_OFF >= 1 %}
                                    <p style="text-align:center;"><img src="{{ static_url('custom/img/csns/greenCircle.png') }}" style="width:20px;height:20px" /></p>
                                    {% else %}
<p style="text-align:center;"><img src="{{ static_url('custom/img/csns/redCircle.png') }}" style="width:20px;height:20px" /></p>
                                    {% end %}

                                </div>
                            </div>
                        </li>
                        <li style="background-color:black;color:white;border:1px solid #21c5f5;border-top:0;margin-bottom:0;border-radius:0;">
                            <div class="row" style="margin-right:0;margin-left:0;">
                                <div class="col-xs-8 col-sm-8 no-padding">
                                    <span class="text">GPPD  Alarm</span>
                                </div>
                                <div class="col-xs-4 col-sm-4 no-padding no-margin">
                                    {% if Shtr18_SHTR_ALM >= 1 %}
                                    <p style="text-align:center;"><img src="{{ static_url('custom/img/csns/rectRed.png') }}" style="width:20px;height:20px" /></p>
                                    {% else %}
<p style="text-align:center;"><img src="{{ static_url('custom/img/csns/rectGreen.png') }}" style="width:20px;height:20px" /></p>
                                    {% end %}
                                </div>
                            </div>
                        </li>

                    </ul>
                </div>

                               <div class="box-body no-padding" style="margin-bottom:30px;">
                    <ul class="todo-list ui-sortable">
                        <li style="background-color:black;color:white;border:1px solid #21c5f5;border-bottom:0;margin-bottom:0;border-radius:0;">
                            <div class="row" style="margin-right:0;margin-left:0;">
                                <div class="col-xs-8 col-sm-8 no-padding">
                                    <span class="text">RM First Status</span>
                                </div>
                                <div class="col-xs-4 col-sm-4 no-padding no-margin">
                                    {% if Shtr2_SHTRRSH_OFF >= 1 %}
                                    <p style="text-align:center;"><img src="{{ static_url('custom/img/csns/greenCircle.png') }}" style="width:20px;height:20px" /></p>
                                    {% else %}
<p style="text-align:center;"><img src="{{ static_url('custom/img/csns/redCircle.png') }}" style="width:20px;height:20px" /></p>
                                    {% end %}

                                </div>
                            </div>
                        </li>

                        <li style="background-color:black;color:white;border:1px solid #21c5f5;border-top:0;border-bottom:0;margin-bottom:0;border-radius:0;">
                            <div class="row" style="margin-right:0;margin-left:0;">
                                <div class="col-xs-8 col-sm-8 no-padding">
                                    <span class="text">RM Second Status</span>
                                </div>
                                <div class="col-xs-4 col-sm-4 no-padding no-margin">
                                    {% if _2ndShutter_OFF >= 1 %}
                                    <p style="text-align:center;"><img src="{{ static_url('custom/img/csns/greenCircle.png') }}" style="width:20px;height:20px" /></p>
                                    {% else %}
<p style="text-align:center;"><img src="{{ static_url('custom/img/csns/redCircle.png') }}" style="width:20px;height:20px" /></p>
                                    {% end %}

                                </div>
                            </div>
                        </li>

                        <li style="background-color:black;color:white;border:1px solid #21c5f5;border-top:0;margin-bottom:0;border-radius:0;">
                            <div class="row" style="margin-right:0;margin-left:0;">
                                <div class="col-xs-8 col-sm-8 no-padding">
                                    <span class="text">RM Alarm</span>
                                </div>
                                <div class="col-xs-4 col-sm-4 no-padding no-margin">
                                    {% if Shtr2_SHTR_ALM >= 1 %}
                                    <p style="text-align:center;"><img src="{{ static_url('custom/img/csns/rectRed.png') }}" style="width:20px;height:20px" /></p>
                                    {% else %}
<p style="text-align:center;"><img src="{{ static_url('custom/img/csns/rectGreen.png') }}" style="width:20px;height:20px" /></p>
                                    {% end %}
                                </div>
                            </div>
                        </li>

                    </ul>
                </div>


                                <div class="box-body no-padding" style="margin-bottom:30px;">
                    <ul class="todo-list ui-sortable">
                        <li style="background-color:black;color:white;border:1px solid #21c5f5;border-bottom:0;margin-bottom:0;border-radius:0;">
                            <div class="row" style="margin-right:0;margin-left:0;">
                                <div class="col-xs-8 col-sm-8 no-padding">
                                    <span class="text">SANS Status</span>
                                </div>
                                <div class="col-xs-4 col-sm-4 no-padding no-margin">
                                    {% if Shtr1_SHTRRSH_OFF >= 1 %}
                                    <p style="text-align:center;"><img src="{{ static_url('custom/img/csns/greenCircle.png') }}" style="width:20px;height:20px" /></p>
                                    {% else %}
<p style="text-align:center;"><img src="{{ static_url('custom/img/csns/redCircle.png') }}" style="width:20px;height:20px" /></p>
                                    {% end %}

                                </div>
                            </div>
                        </li>
                        <li style="background-color:black;color:white;border:1px solid #21c5f5;border-top:0;margin-bottom:0;border-radius:0;">
                            <div class="row" style="margin-right:0;margin-left:0;">
                                <div class="col-xs-8 col-sm-8 no-padding">
                                    <span class="text">SANS Alarm</span>
                                </div>
                                <div class="col-xs-4 col-sm-4 no-padding no-margin">
                                    {% if Shtr1_SHTR_ALM >= 1 %}
                                    <p style="text-align:center;"><img src="{{ static_url('custom/img/csns/rectRed.png') }}" style="width:20px;height:20px" /></p>
                                    {% else %}
<p style="text-align:center;"><img src="{{ static_url('custom/img/csns/rectGreen.png') }}" style="width:20px;height:20px" /></p>
                                    {% end %}
                                </div>
                            </div>
                        </li>

                    </ul>
                </div>


                <div class="box-body no-padding" style="margin-bottom:30px;">
                    <ul class="todo-list ui-sortable">
                        <li style="background-color:black;color:white;border:1px solid #21c5f5;border-bottom:0;margin-bottom:0;border-radius:0;">
                            <div class="row" style="margin-right:0;margin-left:0;">
                                <div class="col-xs-8 col-sm-8 no-padding">
                                    <span class="text">中子测量室#6</span>
                                </div>
                                <div class="col-xs-4 col-sm-4 no-padding no-margin">
                                    {% if Shtr6_SHTRRSH_OFF >= 1 %}
                                    <p style="text-align:center;"><img src="{{ static_url('custom/img/csns/greenCircle.png') }}" style="width:20px;height:20px" /></p>
                                    {% else %}
<p style="text-align:center;"><img src="{{ static_url('custom/img/csns/redCircle.png') }}" style="width:20px;height:20px" /></p>
                                    {% end %}

                                </div>
                            </div>
                        </li>
                        <li style="background-color:black;color:white;border:1px solid #21c5f5;border-top:0;margin-bottom:0;border-radius:0;">
                            <div class="row" style="margin-right:0;margin-left:0;">
                                <div class="col-xs-8 col-sm-8 no-padding">
                                    <span class="text">中子测量室#6 Alarm</span>
                                </div>
                                <div class="col-xs-4 col-sm-4 no-padding no-margin">
                                    {% if Shtr6_SHTR_ALM >= 1 %}
                                    <p style="text-align:center;"><img src="{{ static_url('custom/img/csns/rectRed.png') }}" style="width:20px;height:20px" /></p>
                                    {% else %}
<p style="text-align:center;"><img src="{{ static_url('custom/img/csns/rectGreen.png') }}" style="width:20px;height:20px" /></p>
                                    {% end %}
                                </div>
                            </div>
                        </li>

                    </ul>
                </div>


                <div class="box-body no-padding" style="margin-bottom:30px;">
                    <ul class="todo-list ui-sortable">
                        <li style="background-color:black;color:white;border:1px solid #21c5f5;border-bottom:0;margin-bottom:0;border-radius:0;">
                            <div class="row" style="margin-right:0;margin-left:0;">
                                <div class="col-xs-8 col-sm-8 no-padding">
                                    <span class="text">中子测量室#9</span>
                                </div>
                                <div class="col-xs-4 col-sm-4 no-padding no-margin">
                                    {% if Shtr9_SHTRRSH_OFF >= 1 %}
                                    <p style="text-align:center;"><img src="{{ static_url('custom/img/csns/greenCircle.png') }}" style="width:20px;height:20px" /></p>
                                    {% else %}
<p style="text-align:center;"><img src="{{ static_url('custom/img/csns/redCircle.png') }}" style="width:20px;height:20px" /></p>
                                    {% end %}

                                </div>
                            </div>
                        </li>
                        <li style="background-color:black;color:white;border:1px solid #21c5f5;border-top:0;margin-bottom:0;border-radius:0;">
                            <div class="row" style="margin-right:0;margin-left:0;">
                                <div class="col-xs-8 col-sm-8 no-padding">
                                    <span class="text">中子测量室#9 Alarm</span>
                                </div>
                                <div class="col-xs-4 col-sm-4 no-padding no-margin">
                                    {% if Shtr9_SHTR_ALM >= 1 %}
                                    <p style="text-align:center;"><img src="{{ static_url('custom/img/csns/rectRed.png') }}" style="width:20px;height:20px" /></p>
                                    {% else %}
<p style="text-align:center;"><img src="{{ static_url('custom/img/csns/rectGreen.png') }}" style="width:20px;height:20px" /></p>
                                    {% end %}
                                </div>
                            </div>
                        </li>

                    </ul>
                </div>


                <div class="box-body no-padding" style="margin-bottom:30px;">
                    <ul class="todo-list ui-sortable">
                        <li style="background-color:black;color:white;border:1px solid #21c5f5;border-bottom:0;margin-bottom:0;border-radius:0;">
                            <div class="row" style="margin-right:0;margin-left:0;">
                                <div class="col-xs-8 col-sm-8 no-padding">
                                    <span class="text">中子测量室#20 Status</span>
                                </div>
                                <div class="col-xs-4 col-sm-4 no-padding no-margin">
                                    {% if Shtr20_SHTRRSH_OFF >= 1 %}
                                    <p style="text-align:center;"><img src="{{ static_url('custom/img/csns/greenCircle.png') }}" style="width:20px;height:20px" /></p>
                                    {% else %}
<p style="text-align:center;"><img src="{{ static_url('custom/img/csns/redCircle.png') }}" style="width:20px;height:20px" /></p>
                                    {% end %}

                                </div>
                            </div>
                        </li>
                        <li style="background-color:black;color:white;border:1px solid #21c5f5;border-top:0;margin-bottom:0;border-radius:0;">
                            <div class="row" style="margin-right:0;margin-left:0;">
                                <div class="col-xs-8 col-sm-8 no-padding">
                                    <span class="text">中子测量室#20 Alarm</span>
                                </div>
                                <div class="col-xs-4 col-sm-4 no-padding no-margin">
                                    {% if Shtr20_SHTR_ALM >= 1 %}
                                    <p style="text-align:center;"><img src="{{ static_url('custom/img/csns/rectRed.png') }}" style="width:20px;height:20px" /></p>
                                    {% else %}
<p style="text-align:center;"><img src="{{ static_url('custom/img/csns/rectGreen.png') }}" style="width:20px;height:20px" /></p>
                                    {% end %}
                                </div>
                            </div>
                        </li>

                    </ul>
                </div>





            </div>
        </div>
    </div>
</div>
{% end %}
